<template>
    <div class="base_result">
        <van-nav-bar fixed title="挑战结果" class="nav_class" left-arrow left-text="返回" @click-left="onClickLeft"></van-nav-bar>
        <img class="pic_class006" src="http://127.0.0.1:8081/sking.png">
        <div>
            <span class="text_title_class006">挑战结束</span>
        </div>
        <ResultCard :WrongQuestionContentList="QuestionContent" :FNum="FullNumber"></ResultCard>
    </div>
</template>

<script>
import ResultCard from '@/components/SelfPlay/ResultCard'
export default {
    components:{
        ResultCard
    },
    data(){
        return {
            WrongQuestionGidList:[],
            QuestionContent:[],
            FullNumber:0
        }
    },
    mounted(){
        this.WrongQuestionGidList=this.$route.params.WList
        this.FullNumber=this.$route.params.CurrentNumber
        this.GetQuestionDetials()
    },
    methods:{
        GetQuestionDetials(){
            this.$http.post(this.$config.GetQuestions,{
                Gids:this.WrongQuestionGidList
            }).then(res=>{
                if (res.data.Success==true) {
                    this.QuestionContent=res.data.Mydata
                }
            }).catch(err=>{
                this.$toast.fail('网络错误！')
            })
        },
        onClickLeft(){
            this.$router.push('/startpk')
        }
    }
}
</script>

<style scoped>
.base_result{
    background-color: #e44652;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-items: flex-start;
    align-items: center;
}
.nav_class{
    background-color: unset;
    color: white;
}
.van-hairline--bottom::after{
    border-bottom-width:0px;
}
.pic_class006{
    /* border: 1px solid pink; */
    width: 40vw;
    margin-top: 7vh;
}
.text_title_class006{
    color: white;
}
</style>
